<script setup lang="ts">
import {ref, toRefs} from 'vue'
// const drawer = ref(false)


const props = defineProps({
  dialogVisible: {
    type: Boolean,
    required: true,
    default: true
  },
  option: {
    type: Object,
    default: () => {
      return {}
    }
  },
})
const {dialogVisible, option} = toRefs(props)

const emit = defineEmits(['update:dialogVisible'])

</script>

<template>
  <el-drawer :with-header="false">
    <h1>个人配置</h1>
    <el-tabs tab-position="left" style="height: 200px" class="demo-tabs">
      <el-tab-pane>
          <template v-slot:label>
              <el-icon class="d-icon f22">
                    <component :is="'House'"/>
              </el-icon>
            User
          </template>
          <div>

          </div>
      </el-tab-pane>
      <el-tab-pane label="Config">Config</el-tab-pane>
      <el-tab-pane label="Role">Role</el-tab-pane>
      <el-tab-pane label="Task">Task</el-tab-pane>
    </el-tabs>
  </el-drawer>
</template>

<style scoped lang="scss">

</style>
